<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>0x3.me 短网址 - 最专业的短网址统计服务</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="keywords" content="网址缩短,缩短网址,域名缩短,长网址缩短,缩网址,短网址,短网址生成,网址微缩,网址压缩,网址变短,网址转向,网址重定向,短域名,短链接,微博网址工具"/>
    <meta name="description" content="0x3.me为你提供:短网址服务,短网址转换,淘宝网址压缩,数据实时统计,使你更加了解你的用户,准备好提升你的品牌,发掘新的受众了吗"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="apple-touch-icon" href="//pay.0x3.me/static/image/touch-icon-iphone.png">
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <link rel="stylesheet" href="//pay.0x3.me/static/ionic/css/ionicons.min.css">
    <link rel="stylesheet" href="/static/css/AdminLTE.min.css">
    <link rel="stylesheet" href="//pay.0x3.me/static/dist/css/skins/skin-blue.min.css?_t=20170112070600">
    <script src="/static/js/jQuery-2.1.4.min.js"></script>
</head>

<body class="hold-transition skin-blue layout-top-nav">
<div class="wrapper">
    <header class="main-header">
        <nav class="navbar navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" rel="home" href="/" title="0x3.me短网址">
                        <img style="max-width:100px; margin-top: -5px;"
                             src="//pay.0x3.me/static/image/logo-cartoon-3.png">
                    </a>
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#navbar-collapse">
                        <i class="fa fa-bars"></i>
                    </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li id="nav-index"><a href="/">首页</a></li>
                        <li id="nav-portal"><a href="/uc/portal">用户中心</a></li>
                        <li id="nav-about"><a href="/info/about">关于</a></li>
                        <li id="nav-contact"><a href="/info/contact">联系我们</a></li>
                        <li id="nav-product"><a href="/info/product">套餐对比</a></li>
                        <li id="nav-demo"><a href="/demo" style="font-weight: bold;">统计报表DEMO体验</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
                <!-- Navbar Right Menu -->
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <li><a href="/user/register?from=navbar">注册</a></li>
                        <li><a href="/user/login">登录</a></li>
                    </ul>
                </div>
                <!-- /.navbar-custom-menu -->
            </div>
            <!-- /.container-fluid -->
        </nav>
    </header>    <!-- Full Width Column -->
    <div class="content-wrapper" style="background-color:#fefefe; ">
        <div class="hero">
            <div class="container">
                <!-- Main content -->
                <section class="content">
                    <form id="index_form" method="post" action="/generate">
                        <div class="row">
                            <div class="col-md-4 col-md-offset-4"
                                 style="margin-top:176px; border: 1px solid rgba(150,150,150,0.29); padding:8px; border-radius: 3px;">
                                <input type="text" name="url" class="form-control input-lg col-md-4"
                                       placeholder="请输入要压缩的网址" autocomplete="off">
                            </div>
                        </div>
                        <input type="hidden" name="__HASH__" value="68F73E6E-7ADD547B-CBC34C9D-79EB4C58">
                        <div class="row">
                            <div style="width:124px; height:46px; margin:20px auto 0 auto">
                                <input type="submit" value="获取短网址" class="btn btn-lg btn-flat bg-olive" id="shorten">
                            </div>
                        </div>
                    </form>
                    <!-- /.box -->
                </section>
                <!-- /.content -->
            </div>
        </div>


    </div>
    <!-- /.content-wrapper -->
    <script nonce=pagejs>
        $(document).ready(function () {
            $("input[name='url']").focus();
            $("#shorten").click(function (e) {
                e.preventDefault();
                var url_input = $("input[name='url']");
                var long_url = url_input.val();
                if (long_url == '' || long_url == null) {
                    url_input.parent().stop()
                        .animate({left: "-20px"}, 100).animate({left: "20px"}, 100)
                        .animate({left: "-20px"}, 100).animate({left: "20px"}, 100)
                        .animate({left: "0px"}, 100, function () {
                            url_input.focus();
                        });
                } else {
                    $('#index_form').submit();
                }
            });
        });
    </script>
    <style type="text/css">
        .hero {
            min-height: 500px;
            background: #f6f6f6 url('//pay.0x3.me/static/image/trim-hero.png') center no-repeat;
            background-size: cover;
            overflow: hidden;
            box-shadow: 0px 1px 0px 0px #E8E8E8;
        }

        .ul-list {
            padding-left: 0;
        }

        .ul-list li {
            padding-left: 30px;
            list-style-type: none;
            font-size: 17px;
            line-height: 35px;
            background: url('//pay.0x3.me/static/image/icon-check.svg') left 5px no-repeat;
        }
    </style>
    <!-- Main Footer -->
    <footer class="main-footer hidden-xs">
        <div class="container">
            <div class="pull-right">
                <!-- fucking aliyun icp check ,remove link after the review finished-->
                <a href="#" target="_blank" class="text-muted">沪ICP备111111号-3</a>
            </div>
            <strong>Copyright &copy; 2014-2017 <a href="#" target="_blank">xx网络</a>.</strong> 版权所有.
        </div>
    </footer>
    <!-- Modal -->
    <div class="modal fade" id="errornotifier" tabindex="-1" role="dialog" aria-labelledby="errornotifier"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">提醒</h4>
                </div>
                <div class="modal-body">
                    <p id="erroccontent">出错了......</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">好</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div><!-- ./wrapper -->

<script src="//pay.0x3.me/static/bootstrap/js/bootstrap.min.js"></script>
<script src="//pay.0x3.me/static/dist/js/app.min.js"></script>
<script nonce=global>
    $(document).ready(function () {
        $('#bindbtn').bind('click', function () {
            window.location.href = 'https://0x3.me/uc/bind';
        });
    });
    $(document).ready(function () {
        $("#nav-index").attr("class", "active");
        $("[data-leftmenu-id='leftmenu-portal']").attr("class", "active");
        $('#activebtn').click(function () {
            window.location.href = 'https://0x3.me/user/active';
        });
        $('.site-tree-mobile').click(function () {
            $('body').toggleClass('site-mobile');
        });
        $('.site-mobile-shade').click(function () {
            $('body').toggleClass('site-mobile');
        });
    });
</script>
</body>
</html>